.team-detail {
  width: 100%;
  .team-detail-contiainer {
    width: 100%;
    .team-detail-search {
      //   padding: 0 32rpx;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .nut-searchbar {
        width: 70%;
        input {
          font-size: 28rpx;
        }
      }
      .check-in-remind {
        width: 30%;
        .check-in-remind-title {
          padding-right: 32rpx;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          .check-in-remind-text {
            padding: 0rpx 15rpx;
            position: relative;
            text {
              font-size: 28rpx;
              color: #101010;
            }
            .red-dian {
              position: absolute;
              right: 6rpx;
              top: 0;
              width: 8rpx;
              height: 8rpx;
              border-radius: 50%;
              background: red;
            }
          }
        }
      }
    }
    .team-detail-total {
      width: 100%;
      margin: 60rpx 0;
      .total-people {
        padding: 0 32rpx;
        box-sizing: border-box;
        .total-people-title {
          text:nth-of-type(1) {
            font-weight: 600;
            font-size: 32rpx;
            color: #101010;
          }
          text:nth-of-type(2) {
            font-size: 32rpx;
            color: #1e74fd;
          }
          text:nth-of-type(3) {
            font-size: 24rpx;
            color: #101010;
          }
        }
        .total-people-item {
          margin-top: 40rpx;
          display: flex;
          align-items: center;
          justify-content: space-around;
          height: 156rpx;
          background: #fbfbfb;
          border-radius: 16rpx 16rpx 16rpx 16rpx;
          border: 1rpx solid rgba(112, 112, 112, 0.08);
          .total-people-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            text:nth-of-type(1) {
              font-weight: 600;
              font-size: 36rpx;
              color: #101010;
            }
            text:nth-of-type(2) {
              font-size: 24rpx;
              color: #101010;
            }
          }
        }
      }
    }
    .team-detail-attendance {
      width: 100%;
      .attendance-title {
        border-top: 20rpx solid #f5f5f5;
        padding: 50rpx 32rpx;
        box-sizing: border-box;
        text {
          font-weight: 600;
          padding-left: 16rpx;
          font-size: 32rpx;
          color: #101010;
        }
      }
      .attendance-list {
        width: 100%;
        .attendance-item {
          .attendance-item-date {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 22rpx 32rpx;
            box-sizing: border-box;
            background-color: #f5f5f5;
            text {
              font-size: 24rpx;
            }
            text:nth-of-type(1) {
              color: #101010;
            }
            text:nth-of-type(2) {
              color: #999;
            }
          }
          .attendance-content {
            width: 100%;
            padding: 0 32rpx;
            box-sizing: border-box;
            .attendance-content-item {
              width: 100%;
              display: flex;
              justify-content: space-between;
              margin: 40rpx 0;
              .content-item-img {
                img {
                  width: 98rpx;
                  height: 98rpx;
                  border-radius: 50%;
                }
              }
              .content-item-info {
                width: 100%;
                .content-item-left {
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  border-bottom: 1rpx solid #f5f5f5;
                  padding: 30rpx 0;
                  box-sizing: border-box;
                  .left-text {
                    display: flex;
                    flex-direction: column;
                    margin-left: 30rpx;
                    .left-text-top {
                      text:nth-of-type(1) {
                        font-size: 32rpx;
                        color: #101010;
                        font-weight: 600;
                      }
                    }
                    text:nth-of-type(1) {
                      margin-top: 10rpx;
                      font-size: 24rpx;
                      color: #999;
                    }
                  }
                }
                .content-item-total {
                  margin-top: 40rpx;
                  display: flex;
                  align-items: center;
                  justify-content: space-around;
                  .total-item {
                    margin: 0 30rpx;
                    display: flex;
                    align-items: center;
                    text {
                      display: inline-block;
                      margin: 0 10rpx;
                    }
                    text:nth-of-type(1) {
                      width: 10rpx;
                      height: 10rpx;
                      background: #1e74fd;
                      border-radius: 50%;
                    }
                    text:nth-of-type(2) {
                      font-size: 28rpx;
                      color: #999999;
                    }
                    text:nth-of-type(3) {
                      font-weight: 600;
                      font-size: 32rpx;
                      color: #101010;
                    }
                  }
                }
              }
              .content-item-right {
                .iconfont {
                  font-size: 28rpx;
                }
              }
            }
          }
          .false-diligence {
            width: 100%;
            padding: 0 32rpx;
            box-sizing: border-box;
            .false-diligence-item {
              padding: 40rpx 0;
              box-sizing: border-box;
              .false-diligence-top {
                display: flex;
                justify-content: space-between;
                .diligence-top-left {
                  .false-diligence-type {
                    text:nth-of-type(1) {
                      font-weight: 600;
                      font-size: 32rpx;
                      color: #101010;
                    }
                    text:nth-of-type(2) {
                      padding-left: 10rpx;
                      font-size: 24rpx;
                      color: #e90000;
                    }
                  }
                  .false-diligence-user {
                    display: flex;
                    align-items: center;

                    img {
                      width: 44rpx;
                      height: 44rpx;
                      border-radius: 50%;
                      background-color: #999;
                    }
                    text {
                      padding: 20rpx 10rpx;
                      box-sizing: border-box;
                    }
                    text:nth-of-type(1) {
                      font-weight: 600;
                      font-size: 24rpx;
                      color: #101010;
                    }
                    text:nth-of-type(2) {
                      font-size: 24rpx;
                      color: #999;
                    }
                  }
                }
                .diligence-top-right {
                  img {
                    width: 124rpx;
                    height: 124rpx;
                  }
                }
              }
              .false-diligence-text {
                margin-top: 20rpx;
                display: flex;
                flex-direction: column;
                text {
                  padding: 10rpx 0;
                  box-sizing: border-box;
                }
                text:nth-of-type(1) {
                  font-size: 28rpx;
                  color: #101010;
                }
                text:nth-of-type(2) {
                  font-size: 24rpx;
                  color: #999;
                }
              }
            }
          }
        }
        .attendance-item-title {
        }
      }
    }
  }
}
